<template>
  <div class="dv_box">
    <Header />
    <div class="issue">
      <textarea
        name=""
        id="textarea"
        cols="30"
        rows="10"
        placeholder="请输入您的问题或反馈"
        v-model="input"
      ></textarea>
    </div>
    <div class="button">
      <button @click="submit">提交</button>
    </div>
  </div>
</template>

<script>
import Header from "../../components/header/header";
import { Toast } from "vant";
export default {
  data() {
    return {
      input: "",
    };
  },
  created() {},
  methods: {
    submit() {
      Toast.success("成功提交");
      this.input = "";
    },
  },
  components: {
    Header,
  },
};
</script>

<style lang="scss" scoped>
.dv_box {
  width: 100vw;
  height: 100vh;
  background-color: #f4f4f4;
  .issue {
    width: 90%;
    height: 3rem;
    margin: 10px auto 0;
    border: 1px solid #ccc;
    #textarea {
      width: 100%;
      height: 100%;
      font-size: 16px;
      border: none;
    }
  }
  .button {
    width: 90%;
    height: 40px;
    margin: 0 auto;
    border-radius: 5px;
    button {
      width: 100%;
      height: 100%;
      background-color: #f18d00;
      color: #fff;
      border: none;
      outline: none;
      font-size: 16px;
      border-radius: 5px;
    }
  }
}
</style>